@charset "utf-8";
#banner {
    height: 750px;
    background-image: url('../pic/index/banner.jpg');
    background-position: center;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 20px #6e6e6e;
}

/*#banner h2 {*/
    /*position: absolute;*/
    /*font-size!**!:!**! 68px;*/
    /*font-size: 68px\9;*/
    /*top: 170px;*/
    /*left: 80px;*/
/*}*/
#banner h1{
    position: absolute;
    font-size/**/:/**/ 68px;
    font-size: 68px\9;
    *font-size: 68px;
    top: 170px;
    left: 80px;
}


#banner .content {
    height: 100%;
}

#banner p {
    margin-top: 300px;
    font-size: 48px;
}

#banner strong {
    font-size: 64px;
}

#banner a {
    display: block;
    width: 326px;
    height: 70px;
    border: 2px solid #fff;
    margin: 80px auto;
    line-height: 70px;
    border-radius: 40px;
    font-size: 40px;
    color: #fff;
}

.pd {
    padding: 70px 0;
}


#item1 h3 {
    color: #333;
    font-size: 18px;
}

.h2 {
    height: 40px;
    font-size: 36px;
    line-height: 40px;
    color: #2b92f9
}

.h4 {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #2b92f9;
}

#item1 .img-box {
    position: relative;
    width: 1200px;
    height: 700px;
    margin-top: 40px;
}

#item1 .tip {
    font-size: 24px;
    position: absolute;
}

#item1 .t1 {
    left: 108px;
    top: 8px;
    color: #3697a6;
}

#item1 .t2 {
    left: 0px;
    top: 320px;
    color: #8e66a8;
}

#item1 .t3 {
    left: 230px;
    top: 625px;
    color: #ea9317;
}

#item1 .t4 {
    left: 828px;
    top: 38px;
    color: #e0342a;
}

#item1 .t5 {
    right: 0;
    top: 300px;
    color: #5fb63c;
}

#item1 .t6 {
    right: 220px;
    top: 578px;
    color: #028ac6;
}

#item2 {
    background-color: #ecf4fb;
}

#item2 ul {
    height: 240px;
    margin-top: 50px;
}

#item2 ul li {
    float: left;
    width: 300px;
}

#item2 .title {
    font-size: 20px;
    line-height: 30px;
    color: #333;
    margin: 20px 0;
}

#item2 p {
    font-size: 14px;
    color: #666;
}

#item3 ul {
    width: 500px;
    text-indent: 2em;
}
#item3 .right{
    width: 700px;
    height: 459px;
}
#item3 .left{
    width: 500px;
    height: 459px;
}

#item3 li {
    width: 250px;
    height: 45px;
    float: left;
    margin-bottom: 30px;
}

#item3 li img {
    float: left;
}

#item3 span {
    float: left;
    line-height: 45px;
    font-size: 18px;
}

#item3 a {
    width: 260px;
    height: 50px;
    color: #fff;
    background-color: #2b92f9;
    border-radius: 30px;
    display: block;
    line-height: 50px;
    font-size: 24px;
    margin: 20px auto;
}

#item3 {
    border-bottom: 1px solid #eee;
}

#item4 .img-box {
    width: 130px;
    height: 130px;
    margin: 0 auto;
    background-image: url('../pic/index/i4-b1.png');
}

#item4 .img-box:hover {
    background-image: url('../pic/index/i4-b2.png');
}

#item4 li {
    padding-top: 50px;
    width: 400px;
}

#item4 img {
    margin: 20.5px 15px;
}

#item4 .title {
    width: 80px;
    margin: 20px auto;
    height: 40px;
    border-bottom: 3px solid #49a2fc;
    font-size: 20px;
    line-height: 40px;
    color: #333;
}

#item4 p {
    font-size: 14px;
    color: #666;
}

#item5 {
    height: 620px;
    background-image: url('../pic/index/i5.png');
    color: #fff;
}

#item5 h2 {
    height: 50px;
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 40px;
}

#item5 p {
    line-height: 56px;
    font-size: 18px;
}

#item5 .top {
    padding-bottom: 40px;
}

#item6 li {
    float: left;
    width: 300px;
    height: 200px;
    padding-top: 30px;
}

#item6 li div {
    margin: 0 auto;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center;
}

#item6 .i1 div {
    background-image: url('../pic/index/i6-1.png');

}

#item6 .i1:hover div {
    background-image: url('../pic/index/i6-2.png');
}

#item6 .i2 div {
    background-image: url('../pic/index/i6-3.png');
}

#item6 .i2:hover div {
    background-image: url('../pic/index/i6-4.png');
}

#item6 .i3 div {
    background-image: url('../pic/index/i6-5.png');
}

#item6 .i3:hover div {
    background-image: url('../pic/index/i6-6.png');
}
#item6 .i4 div {
    background-image: url('../pic/index/i6-7.png');
}

#item6 .i4:hover div {
    background-image: url('../pic/index/i6-8.png');
}

#item6 p {
    line-height: 30px;
    font-size: 20px;
    color: #333;
    margin: 30px auto;
}

